############################################################################
#
# Dark GIMP Theme
#
# Version 0.1.6
#
# Copyright 2015-2016, Benoit Touchette
#
# This program is free software: you can redistribute it and/or modify
# it under the terms of the GNU General Public License as published by
# the Free Software Foundation; either version 3 of the License, or
# (at your option) any later version.
#
# This program is distributed in the hope that it will be useful,
# but WITHOUT ANY WARRANTY; without even the implied warranty of
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
# GNU General Public License for more details.
#
# You should have received a copy of the GNU General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
#
############################################################################
#
# Special thanks to all the theme creators, specifically:
#
# horst3180 for his excellent Ceti-2 theme.
# Nuclear Napalm, android272, Medhi Abhollahi for their GIMP themes.
#
# Y'all inspired me to create these themes for GIMP.
#
############################################################################
#
# arrows-(down, left, right, up)*.png from Ceti-2 theme, horst3180
# frame-gap-*.png from Ceti-2 theme, horst3180
# gap information from new CS6 II theme, Medhi Abhollahi
#
############################################################################
#
# KDE:
#
# * For this theme to work under KDE users will need to disable either
#   "Apply colors to non-QT applications" or "Apply KDE Colours to Non-KDE
#   apps" depending on the version.
#
# Miscellaneous:
#
# * Fonts can be overridden by uncommenting the two font lines below
#
# * Uncomment the gtk-primary-button-warps-slider line to enable warping
#   scroll bars.
#
############################################################################

gtk-menu-images = 1
gtk-button-images = 0
gtk-auto-mnemonics = 1
#gtk-primary-button-warps-slider = 1
gtk-toolbar-style = GTK_TOOLBAR_ICONS
gtk-application-prefer-dark-theme = true

#gtk-font-name = "Sans 11"

# KDE hack to match gtk/gnome defaults
gtk-button-images = 0

style "gimp-dark-default-style"
{
#  font_name = "Sans 11"

  color["clr1"]  = "#ffffff"
  color["clr2"]  = "#232729"
  color["clr3"]  = "#eeeeec"
  color["clr4"]  = "#33393b"
  color["clr5"]  = "#215d9c"
  color["clr6"]  = "#919494"
  color["clr7"]  = "#2d3234"
  color["clr8"]  = "#262b2d"
  color["clr9"]  = "#4a90d9"
  color["clr10"]  = "#2a76c6"
  color["clr11"]  = "#898b8b"
  color["clr12"]  = "#bcbdbc"
  color["clr13"]  = "#2c3133"
  color["clr14"]  = "#343434"
  color["clr15"]  = "#aaaaaa"
  color["clr16"]  = "#292e31"

  fg[NORMAL] = @clr15
  fg[PRELIGHT] = @clr1
  fg[ACTIVE] = @clr3
  fg[SELECTED] = @clr1
  fg[INSENSITIVE] = @clr6

  bg[NORMAL] = @clr4
  bg[PRELIGHT] = @clr2
  bg[ACTIVE] = @clr4
  bg[SELECTED] = @clr5
  bg[INSENSITIVE] = @clr7

  base[NORMAL] = @clr16
  base[PRELIGHT] = @clr7
  base[ACTIVE] = @clr7
  base[SELECTED] = @clr7
  base[INSENSITIVE] = @clr8

  text[NORMAL] = @clr1
  text[PRELIGHT] = @clr1
  text[ACTIVE] = @clr1
  text[SELECTED] = @clr1
  text[INSENSITIVE] = @clr9

  GtkOptionMenu::indicator-size = { 5, 11 }
  GtkCheckButton::indicator_spacing = 3
  GtkOptionMenu::indicator_spacing  = {13, 13, 5, 8}

  GtkScrollbar::has_secondary_backward_stepper = 0
  GtkScrollbar::has_secondary_forward_stepper = 0

  GtkPaned::handle-size             = 9
  GtkHPaned::handle-size = 9
  GtkVPaned::handle-size = 9
  GimpDockWindow::default-height    = 300
  GimpDock::font-scale              = 0.8333
  GimpMenuDock::minimal-width       = 200
  GimpDockWindow::menu-preview-size = button
  GimpToolPalette::tool-icon-size   = button
  GimpToolPalette::button-relief    = none
  GimpDockbook::tab-border          = 0
  GimpDockbook::tab-icon-size       = button
  GimpColorNotebook::tab-border     = 0
  GimpColorNotebook::tab-icon-size  = button
  GimpDeviceEditor::handle-size     = 12
  GimpDockable::content-border      = 2
  GimpEditor::content-spacing       = 2
  GimpEditor::button-spacing        = 2
  GimpEditor::button-icon-size      = menu
  GimpDataEditor::minimal-height    = 96
  GtkDialog::content-area-border    = 0
  GtkDialog::button-spacing         = 6
  GtkDialog::action-area-border     = 12
  GimpUnitComboBox::appears-as-list = 0

  GtkSeparatorMenuItem::horizontal-padding = 0
  GtkSeparatorMenuItem::wide-separators    = 1
  GtkSeparatorMenuItem::separator-height   = 1

  GtkButton::child-displacement-y = 0

  GtkButton::default-border         = {0, 0, 0, 0}
  GtkButton::default-outside-border = {0, 0, 0, 0}

  GtkEntry::state-hint = 1
  GtkEntry::inner-border = {7, 7, 4, 5}

  GtkMenuBar::internal-padding = 0
  GtkMenu::horizontal-padding  = 0
  GtkMenu::vertical-padding    = 2
  GtkMenu::double-arrows       = 0
  GtkMenuItem::arrow-scaling   = 1
  GtkMenuItem::toggle-spacing  = 10


  #
  # To adjust to default button spacing:
  #
  # Set focus-padding to 2
  # Set focus-line to 1
  #

  GtkButton::focus-line_width = 1
  GtkWidget::focus-line-pattern = "\2\1"
  GtkButton::focus-padding = 0

  GtkToolbar::internal-padding = 1
  GtkToolButton::icon-spacing  = 4
  
  GtkRange::trough-border = 0
  GtkRange::slider-width = 15
  GtkRange::stepper-size = 0

  GtkScale::slider-length = 14
  GtkScale::slider-width  = 14
  GtkScale::trough-border = 0
  GtkScale::trough-side-details = 1

  GtkVScale::slider_length = 14
  GtkVScale::slider_width = 14

  GtkHScale::slider_length = 14
  GtkHScale::slider_width = 14

  GtkScrollbar::trough-border = 1
  GtkScrollbar::activate-slider = 1
  GtkScrollbar::has-backward-stepper = 0
  GtkScrollbar::has-forward-stepper = 0
  GtkScrollbar::min-slider-length = 32
  GtkScrolledWindow::scrollbar-spacing = 0
  GtkScrolledWindow::scrollbars-within-bevel = 0

  GtkTreeView::expander-size = 13
  GtkExpander::expander-size = 13

  GtkStatusbar::shadow_type = GTK_SHADOW_NONE
  GtkSpinButton::shadow_type = GTK_SHADOW_NONE
  GtkMenuBar::shadow-type = GTK_SHADOW_NONE
  GtkToolbar::shadow-type = GTK_SHADOW_NONE
  GtkList::shadow_type = GTK_SHADOW_NONE
  GtkCList::shadow_type = GTK_SHADOW_NONE
  GtkComboBox::shadow_type = GTK_SHADOW_NONE
  GtkComboBoxEntry::shadow_type = GTK_SHADOW_NONE
  GtkComboBoxText::shadow_type = GTK_SHADOW_NONE
  GtkVScale::shadow_type = GTK_SHADOW_NONE
  GtkHScale::shadow_type = GTK_SHADOW_NONE
  GtkMenuItem::horizontal-padding = 4

  GtkWidget::tooltip-radius = 3
  GtkWidget::tooltip-alpha = 235
  GtkWidget::new-tooltip-style = 1

  GtkWindow::resize-grip-height = 0
  GtkWindow::resize-grip-width = 0

  GtkTreeView::vertical-separator   = 0
  GtkTreeView::horizontal-separator = 4
  GtkTreeView::allow-rules          = 0
  # Set this because some apps read it
  GtkTreeView::odd-row-color        = @base_color
  GtkTreeView::even-row-color       = @base_color

  GtkNotebook::tab-overlap = 4

  engine "pixmap"
    {
      image
        {
          function = EXPANDER
          expander_style = COLLAPSED
          file = "assets/pan-right.png"
        }

      image
        {
          function = EXPANDER
          expander_style = EXPANDED
          file = "assets/pan-down.png"
        }

      image
        {
          function = EXPANDER
          expander_style = SEMI_EXPANDED
          file = "assets/pan-right-semi.png"
        }

      image
        {
          function = EXPANDER
          expander_style = SEMI_COLLAPSED
          file = "assets/pan-right-semi.png"
        }

      image
        {
          function = SHADOW_GAP
          file = "ui/shadow-null.png"
          border = { 4, 4, 4, 4 }
          stretch = TRUE
        }

      image
        {
          function = RESIZE_GRIP
          state = NORMAL
          detail = "statusbar"
          overlay_file = "ui/null.png"
          overlay_border = { 0,0,0,0 }
          overlay_stretch = FALSE
        }

      image
        {
          function = HLINE
          recolorable = TRUE
          file = "assets/line.png"
          border = { 0, 0, 1, 1 }
          stretch = TRUE
        }

      image
        {
          function = VLINE
          recolorable = TRUE
          file = "assets/line.png"
          border = { 1, 0, 1, 1 }
          stretch = TRUE
        }

image {
      function        = ARROW
      state           = NORMAL
      overlay_file    = "assets/pan-up.png"
      overlay_stretch = FALSE
      arrow_direction = UP
    }

    image {
      function        = ARROW
      state           = PRELIGHT
      overlay_file    = "assets/pan-up.png"
      overlay_stretch = FALSE
      arrow_direction = UP
    }

    image {
      function        = ARROW
      state           = ACTIVE
      overlay_file    = "assets/pan-up.png"
      overlay_stretch = FALSE
      arrow_direction = UP
    }

    image {
      function        = ARROW
      state           = INSENSITIVE
      overlay_file    = "assets/pan-up-insensitive.png"
      overlay_stretch = FALSE
      arrow_direction = UP
    }

    image {
      function        = ARROW
      state           = NORMAL
      overlay_file    = "assets/pan-down.png"
      overlay_stretch = FALSE
      arrow_direction = DOWN
    }

    image {
      function        = ARROW
      state           = PRELIGHT
      overlay_file    = "assets/pan-down.png"
      overlay_stretch = FALSE
      arrow_direction = DOWN
    }

    image {
      function        = ARROW
      state           = ACTIVE
      overlay_file    = "assets/pan-down.png"
      overlay_stretch = FALSE
      arrow_direction = DOWN
    }

    image {
      function        = ARROW
      state           = INSENSITIVE
      overlay_file    = "assets/pan-down-insensitive.png"
      overlay_stretch = FALSE
      arrow_direction = DOWN
    }

    image {
      function        = ARROW
      state           = NORMAL
      overlay_file    = "assets/pan-left.png"
      overlay_stretch = FALSE
      arrow_direction = LEFT
    }

    image {
      function        = ARROW
      state           = PRELIGHT
      overlay_file    = "assets/pan-left.png"
      overlay_stretch = FALSE
      arrow_direction = LEFT
    }

    image {
      function        = ARROW
      state           = ACTIVE
      overlay_file    = "assets/pan-left.png"
      overlay_stretch = FALSE
      arrow_direction = LEFT
    }

    image {
      function        = ARROW
      state           = INSENSITIVE
      overlay_file    = "assets/pan-left-insensitive.png"
      overlay_stretch = FALSE
      arrow_direction = LEFT
    }

    image {
      function        = ARROW
      state           = NORMAL
      overlay_file    = "assets/pan-right.png"
      overlay_stretch = FALSE
      arrow_direction = RIGHT
    }

    image {
      function        = ARROW
      state           = PRELIGHT
      overlay_file    = "assets/pan-right.png"
      overlay_stretch = FALSE
      arrow_direction = RIGHT
    }

    image {
      function        = ARROW
      state           = ACTIVE
      overlay_file    = "assets/pan-right.png"
      overlay_stretch = FALSE
      arrow_direction = RIGHT
    }

    image {
      function        = ARROW
      state           = INSENSITIVE
      overlay_file    = "assets/pan-right-insensitive.png"
      overlay_stretch = FALSE
      arrow_direction = RIGHT
    }

      image
        {
          function = HANDLE
          overlay_file = "assets/handle-horz.png"
          overlay_stretch = FALSE
          orientation = HORIZONTAL
        }

      image
        {
          function = HANDLE
          overlay_file = "assets/handle-vert.png"
          overlay_stretch = FALSE
          orientation = VERTICAL
        }
    }
}

class "GtkWidget" style "gimp-dark-default-style"

###########################################################

style "gimp-dark-tool-dialog-style" = "gimp-dark-default-style"
{
  GtkDialog::action-area-border = 6
}

class "GimpToolDialog" style "gimp-dark-tool-dialog-style"

###########################################################

style "gimp-dark-grid-view-style" = "gimp-dark-default-style"
{
  bg[NORMAL] = { 1.0, 1.0, 1.0 }
}

widget "*GimpContainerGridView*GtkViewport*" style "gimp-dark-grid-view-style"

###########################################################

style "gimp-dark-dockable-style" = "gimp-dark-default-style"
{
  GimpFrame::label-bold = 0
  GtkButton::focus-line_width = 1
  GtkButton::focus-padding = 0
}

widget "*GimpDockable.*" style "gimp-dark-dockable-style"

###########################################################

style "gimp-dark-display-style" = "gimp-dark-default-style"
{
  GimpRuler::font-scale = 0.6444
  GimpUnitComboBox::label-scale = 0.8333
  GimpScaleComboBox::label-scale = 0.8333
  GtkComboBox::arrow-size = 8
  GtkButton::inner-border = { 0, 0, 0, 0 }
  GtkButton::focus-line-width = 0
  GtkButton::focus-padding = 0
}

widget "*GimpDisplayShell.*" style "gimp-dark-display-style"

###########################################################

style "gimp-dark-overlay-style" = "gimp-display-style"
{
  GtkButton::focus-line_width = 1
}

widget_class "*<GimpOverlayFrame>*" style "gimp-dark-overlay-style"

###########################################################

style "gimp-dark-gtkbutton-style" = "gimp-dark-default-style"
{
  xthickness = 3
  ythickness = 3

  engine "pixmap"
    {
      image
        {
          function = BOX
          detail = "buttondefault"
          recolorable = TRUE
          file = "ui/gimp-button-default.png"
          border = { 8, 8, 8, 8 }
          stretch = TRUE
        }

      image
        {
          function = BOX
          state = PRELIGHT
          recolorable = TRUE
          file = "ui/gimp-button-prelight.png"
          border = { 8, 8, 8, 8}
          stretch = TRUE
        }

      image
        {
          function = BOX
          state = ACTIVE
          file = "ui/gimp-button-pressed.png"
          border = { 8, 8, 8, 8 }
          stretch = TRUE
        }

       image
        {
          function = BOX
          state = INSENSITIVE
          file = "ui/gimp-button-insensitive.png"
          border = { 8, 8, 8, 8  }
          stretch = TRUE
        }

       image
        {
          function = BOX
          file = "ui/gimp-button-normal.png"
          border = { 8, 8, 8, 8 }
          stretch = TRUE
        }
    }
}

class "GtkButton" style "gimp-dark-gtkbutton-style"

###########################################################

style "gimp-dark-tooltips-style" = "gimp-dark-default-style"
{
  xthickness = 4
  ythickness = 4

  bg[NORMAL] = "#383838"
  bg[SELECTED] = "#828282"
  fg[NORMAL] = "#CBCBCB"
}

widget "gtk-tooltip*" style "gimp-dark-tooltips-style"

###########################################################

style "gimp-dark-treeview" = "gimp-dark-default-style"
{
  xthickness = 2
  ythickness = 0

  GtkTreeView::odd_row_color = "#828282"
  GtkTreeView::even_row_color = "#828282"

  #
  # set custom text color here
  #

  #text[NORMAL] = "#0F0"
  #text[PRELIGHT] = "#0F0"
  #text[SELECTED] = "#0F0"
  text[INSENSITIVE] = "#ccc"
  #text[ACTIVE] = "#0F0"

  engine  "pixmap"
    {
      image
        {
          function = FLAT_BOX
          state = ACTIVE
          file = "ui/null.png"
          border = {1,1,1,1}
          stretch = TRUE
        }

      image
        {
          function = FLAT_BOX
          state = PRELIGHT
          file = "ui/null.png"
          border = {1,1,1,1}
          stretch = TRUE
        }

      image
        {
          function = FLAT_BOX
          state = NORMAL
          file = "ui/null.png"
          border = {1,1,1,1}
          stretch = TRUE
        }

      image
        {
          function = FLAT_BOX
          state = INSENSITIVE
          file = "ui/null.png"
          border = {1,1,1,1}
          stretch = TRUE
        }

      image
        {
          function = FLAT_BOX
          state = SELECTED
          file = "ui/menuitem.png"
          border = {1,1,1,1}
          stretch = TRUE
        }
    }
}

class "GtkTreeView" style "gimp-dark-treeview"

###########################################################

style "gimp-dark-list-header-style"
{
  #Comment out the ythickness setting below for thicker column headers.
  #ythickness = 0

  GtkTreeView::odd_row_color = "#828282"
  GtkTreeView::even_row_color = "#828282"

  #
  # set custom header text color here
  #

  fg[NORMAL] = "#FFF"
  #fg[PRELIGHT] = "#00F"
  #fg[SELECTED] = "#00F"
  #fg[INSENSITIVE] = "#00F"
  #fg[ACTIVE] = "#00F"

  #
  # set custom text color here
  #

  #text[NORMAL] = "#FF0"
  #text[PRELIGHT] = "#FF0"
  #text[SELECTED] = "#FF0"
  #text[INSENSITIVE] = "#FF0"
  #text[ACTIVE] = "#FF0"

  engine "pixmap"
    {
      # This image is used to draw the headers of columns
      # in list views when they are not selected.
      image
        {
          function = BOX
          recolorable = TRUE
          state = NORMAL
          file = "ui/list_header.png"
          border = { 2, 2, 2, 2 }
          stretch = TRUE
        }

      # This image is used to draw the column headers in
      # list views when they are clicked.
      image
        {
          function = BOX
          recolorable = TRUE
          state = PRELIGHT
          file = "ui/list_header.png"
          border = { 2, 2, 2, 2 }
          stretch = TRUE
        }

      image
        {
          function = BOX
          recolorable = TRUE
          state = ACTIVE
          file = "ui/list_header-pressed.png"
          border = { 2, 2, 2, 2}
          stretch = TRUE
        }

      image
        {
          function = BOX
          recolorable = TRUE
          state = SELECTED
          file = "ui/list_header.png"
          border = { 2, 2, 2, 2 }
          stretch = TRUE
        }
    }
}

widget_class "*List" style "gimp-dark-list-header-style"
widget_class "*GtkTree*" style "gimp-dark-list-header-style"
widget_class "*GtkCList" style "gimp-dark-list-header-style"

###########################################################

style "gimp-dark-notebook-style" = "gimp-dark-default-style"
{
  engine "pixmap"

    {

    image {
      function = EXTENSION
      state    = NORMAL
      file     = "assets/tab-left-active.png"
      border   = {3, 0, 3, 3}
      stretch  = TRUE
      gap_side = RIGHT
    }

    image {
      function = EXTENSION
      file     = "assets/tab-left.png"
      border   = {3, 0, 3, 3}
      stretch  = TRUE
      gap_side = RIGHT
    }

    # Right

    image {
      function = EXTENSION
      state    = NORMAL
      file     = "assets/tab-right-active.png"
      border   = {0, 3, 3, 3}
      stretch  = TRUE
      gap_side = LEFT
    }

    image {
      function = EXTENSION
      file     = "assets/tab-right.png"
      border   = {0, 3, 3, 3}
      stretch  = TRUE
      gap_side = LEFT
    }

    # Up

    image {
      function = EXTENSION
      state    = NORMAL
      file     = "assets/tab-up-active.png"
      border   = {3, 3, 3, 0}
      stretch  = TRUE
      gap_side = BOTTOM
    }

    image {
      function = EXTENSION
      file     = "assets/tab-up.png"
      border   = {3, 3, 3, 0}
      stretch  = TRUE
      gap_side = BOTTOM
    }

    # Down

    image {
      function = EXTENSION
      state    = NORMAL
      file     = "assets/tab-down-active.png"
      border   = {3, 3, 0, 3}
      stretch  = TRUE
      gap_side = TOP
    }

    image {
      function = EXTENSION
      file     = "assets/tab-down.png"
      border   = {3, 3, 0, 3}
      stretch  = TRUE
      gap_side = TOP
    }

    image {
      function   = BOX_GAP
      detail     = "notebook"
      file       = "assets/frame-notebook.png"
      border     = {1, 1, 1, 1}
      stretch    = TRUE
      gap_file   = "assets/tab-vert-gap.png"
      gap_border = {1, 0, 1, 1}
      gap_side   = LEFT
    }

    image {
      function   = BOX_GAP
      detail     = "notebook"
      file       = "assets/frame-notebook.png"
      border     = {1, 1, 1, 1}
      stretch    = TRUE
      gap_file   = "assets/tab-vert-gap.png"
      gap_border = {0, 1, 1, 1}
      gap_side   = RIGHT
    }

    image {
      function   = BOX_GAP
      detail     = "notebook"
      file       = "assets/frame-notebook.png"
      border     = {1, 1, 1, 1}
      stretch    = TRUE
      gap_file   = "assets/tab-horz-gap.png"
      gap_border = {1, 1, 1, 0}
      gap_side   = TOP
    }

    image {
      function   = BOX_GAP
      detail     = "notebook"
      file       = "assets/frame-notebook.png"
      border     = {1, 1, 1, 1}
      stretch    = TRUE
      gap_file   = "assets/tab-horz-gap.png"
      gap_border = {1, 1, 0, 1}
      gap_side   = BOTTOM
    }

    # Standalone frame
    image {
      function = BOX
      detail   = "notebook"
      file     = "assets/frame-notebook.png"
      border   = {1, 1, 1, 1}
      stretch  = TRUE
    }

    ##############
    # Scrollbars #
    ##############

    image {
      function    = BOX
      detail      = "trough"
      file        = "assets/scrollbar-horz-trough.png"
      border      = {0, 0, 1, 0}
      orientation = HORIZONTAL
    }

    image {
      function    = BOX
      detail      = "trough"
      file        = "assets/scrollbar-vert-trough.png"
      border      = {1, 0, 0, 0}
      orientation = VERTICAL
      direction   = LTR
    }

    image {
      function    = BOX
      detail      = "trough"
      file        = "assets/scrollbar-vert-trough-rtl.png"
      border      = {0, 1, 0, 0}
      orientation = VERTICAL
      direction   = RTL
    }
 
    }
}

class "GtkNotebook" style "gimp-dark-notebook-style"

###########################################################

style "gimp-dark-menu" = "gimp-dark-default-style"
{
  # bg[NORMAL] affects menu detachable item
  bg[NORMAL] = "#262b2d"

  fg[NORMAL] = "#CBCBCB"
  fg[PRELIGHT] = "#FFFFFF"
  fg[INSENSITIVE] = "#C1C1C1"

  engine "pixmap"
    {
      image
        {
          function = BOX
          recolorable = TRUE
          detail = "menu"
          file = "ui/menu.png"
          border = { 3, 3, 3, 3 }
          stretch = TRUE
        }

      image
        {
          function = HLINE
          file = "assets/line.png"
          border = { 0, 0, 0, 0 }
          stretch = TRUE
        }
    }
}

class "GtkMenu" style "gimp-dark-menu"
widget_class "*<GtkMenu>*" style "gimp-dark-menu"

###########################################################

style "gimp-dark-menu-bar" = "gimp-dark-default-style"
{
  xthickness = 4
  ythickness = 2

  fg[NORMAL] = "#262b2d"

  engine "pixmap"
    {
      image
        {
          function = BOX
          file = "ui/menubar.png"
          border = { 2, 2, 2, 2 }
          stretch = TRUE
        }
    }
}

class "GtkMenuBar" style "gimp-dark-menu-bar"
widget_class "*<GtkMenuBar>*" style "gimp-dark-menu-bar"
widget_class "*<GtkMenuBar>.<GtkMenuItem>*" style "gimp-dark-menu-bar"

###########################################################

style "gimp-dark-menu-item"
{
  xthickness = 2
  ythickness = 4

  bg[NORMAL] = "#262b2d"

  fg[NORMAL] = "#FFF"
  fg[PRELIGHT] = "#FFF"
  fg[ACTIVE] = "#FFF"
  fg[SELECTED] = "#FFF"
  fg[INSENSITIVE] = "#111111"

  engine "pixmap"
    {
      image
        {
          function = BOX
          state = PRELIGHT
          file = "ui/entry-border-fill-active.png"
          border = { 1, 0, 1, 0 }
          stretch = TRUE
        }

      image
        {
          function = OPTION
          shadow = OUT
          recolorable = TRUE
          overlay_file = "assets/menu-radio.png"
          overlay_stretch = FALSE
        }

      image
        {
          function = OPTION
          shadow = IN
          recolorable = TRUE
          overlay_file = "assets/menu-radio-checked.png"
          overlay_stretch = FALSE
        }

      image
        {
          function = OPTION
          shadow = ETCHED_IN
          recolorable = TRUE
          overlay_file = "assets/menu-radio-mixed.png"
          overlay_stretch = FALSE
        }

      image
        {
          function = CHECK
          shadow = OUT
          recolorable = TRUE
          overlay_file = "assets/menu-checkbox.png"
          overlay_border = { 0, 0, 0, 0 }
          overlay_stretch = FALSE
        }

      image
        {
          function = CHECK
          shadow = IN
          recolorable = TRUE
          overlay_file = "assets/menu-checkbox-checked.png"
          overlay_border = { 0, 0, 0, 0 }
          overlay_stretch = FALSE
        }

      image
        {
          function = CHECK
          shadow = ETCHED_IN
          recolorable = TRUE
          overlay_file = "assets/menu-checkbox-mixed.png"
          overlay_border = { 0, 0, 0, 0 }
          overlay_stretch = FALSE
        }
    }
}

class "*GtkMenuItem*" style "gimp-dark-menu-item"
widget_class "*<GtkMenuItem>*" style "gimp-dark-menu-item"

###########################################################

style "gimp-dark-item"
{
  xthickness = 4

  bg[NORMAL] = "#262b2d"

  fg[NORMAL] = "#FFF"
  fg[PRELIGHT] = "#FFF"
  fg[ACTIVE] = "#FFF"
  fg[SELECTED] = "#FFF"
  fg[INSENSITIVE] = "#C1C1C1"

  engine "pixmap"
    {
      image
        {
          function = BOX
          recolorable = TRUE
          file = "ui/button-normal.png"
          border = { 4, 4, 4, 4 }
          stretch = TRUE
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = PRELIGHT
          overlay_file = "assets/menu-pan-right.png"
          overlay_stretch = FALSE
          arrow_direction = RIGHT
        }

      image
        {
          function = ARROW
          state = NORMAL
          recolorable = TRUE
          overlay_file = "assets/menu-pan-right-insensitive.png"
          overlay_stretch = FALSE
          arrow_direction = RIGHT
        }
    }
}

class "GtkItem" style "gimp-dark-item"
widget_class "*GtkItem*" style "gimp-dark-item"

###########################################################


style "gimp-dark-entry" = "gimp-dark-default-style"
{
  GtkWidget::interior_focus = 1

  engine "pixmap"
    {
      image
        {
          function = FLAT_BOX
          detail = "entry_bg"
          state = NORMAL
          overlay_file = "ui/entry-border-fill.png"
          overlay_border = { 0, 0, 0, 0 }
          overlay_stretch = TRUE
        }

      image
        {
          function = FLAT_BOX
          detail = "entry_bg"
          state = ACTIVE
          overlay_file = "ui/entry-border-fill-active.png"
          overlay_border = { 0, 0, 0, 0 }
          overlay_stretch = TRUE
        }

      image
        {
          function = SHADOW
          detail = "entry"
          file = "ui/shadow-null.png"
          border = { 4, 4, 4, 4 }
          stretch = TRUE
        }

      image
        {
          function = FOCUS
          state = NORMAL
          recolorable = TRUE
          file = "ui/shadow-in-alt.png"
          border = { 3, 3, 3, 3 }
          stretch = TRUE
        }
    }
}

class "GtkEntry" style "gimp-dark-entry"
class "GtkOldEditable" style "gimp-dark-entry"

###########################################################


style "gimp-dark-spin-button" = "gimp-dark-entry"
{
  engine "pixmap"
    {
      image
        {
          function = ARROW
        }

 image {
      function        = BOX
      state           = NORMAL
      detail          = "spinbutton_up"
      file            = "assets/spin-ltr-up.png"
      border          = {1, 4, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    image {
      function        = BOX
      state           = PRELIGHT
      detail          = "spinbutton_up"
      file            = "assets/spin-ltr-up-hover.png"
      border          = {1, 4, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    image {
      function        = BOX
      state           = ACTIVE
      detail          = "spinbutton_up"
      file            = "assets/spin-ltr-up-active.png"
      border          = {1, 4, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    image {
      function        = BOX
      state           = INSENSITIVE
      detail          = "spinbutton_up"
      file            = "assets/spin-ltr-up-insensitive.png"
      border          = {1, 4, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up-insensitive.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    # Spin-Up RTL

    image {
      function        = BOX
      state           = NORMAL
      detail          = "spinbutton_up"
      file            = "assets/spin-rtl-up.png"
      border          = {4, 1, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    image {
      function        = BOX
      state           = PRELIGHT
      detail          = "spinbutton_up"
      file            = "assets/spin-rtl-up-hover.png"
      border          = {4, 1, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    image {
      function        = BOX
      state           = ACTIVE
      detail          = "spinbutton_up"
      file            = "assets/spin-rtl-up-hover.png"
      border          = {4, 1, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    image {
      function        = BOX
      state           = INSENSITIVE
      detail          = "spinbutton_up"
      file            = "assets/spin-rtl-up-insensitive.png"
      border          = {4, 1, 4, 0}
      stretch         = TRUE
      overlay_file    = "assets/spin-up-insensitive.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    # Spin-Down LTR

    image {
      function        = BOX
      state           = NORMAL
      detail          = "spinbutton_down"
      file            = "assets/spin-ltr-down.png"
      border          = {1, 4, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    image {
      function        = BOX
      state           = PRELIGHT
      detail          = "spinbutton_down"
      file            = "assets/spin-ltr-down-hover.png"
      border          = {1, 4, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    image {
      function        = BOX
      state           = ACTIVE
      detail          = "spinbutton_down"
      file            = "assets/spin-ltr-down-active.png"
      border          = {1, 4, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    image {
      function        = BOX
      state           = INSENSITIVE
      detail          = "spinbutton_down"
      file            = "assets/spin-ltr-down-insensitive.png"
      border          = {1, 4, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down-insensitive.png"
      overlay_stretch = FALSE
      direction       = LTR
    }

    # Spin-Down RTL

    image {
      function        = BOX
      state           = NORMAL
      detail          = "spinbutton_down"
      file            = "assets/spin-rtl-down.png"
      border          = {4, 1, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    image {
      function        = BOX
      state           = PRELIGHT
      detail          = "spinbutton_down"
      file            = "assets/spin-rtl-down-hover.png"
      border          = {4, 1, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    image {
      function        = BOX
      state           = ACTIVE
      detail          = "spinbutton_down"
      file            = "assets/spin-rtl-down-active.png"
      border          = {4, 1, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    image {
      function        = BOX
      state           = INSENSITIVE
      detail          = "spinbutton_down"
      file            = "assets/spin-rtl-down-insensitive.png"
      border          = {4, 1, 1, 4}
      stretch         = TRUE
      overlay_file    = "assets/spin-down-insensitive.png"
      overlay_stretch = FALSE
      direction       = RTL
    }

    }
}

class "GtkSpinButton" style "gimp-dark-spin-button"

###########################################################

style "gimp-dark-scroll-bar"
{

  GtkRange::trough_border = 0
  GtkVScale::slider_length = 16
  GtkVScale::slider_width = 19
  GtkHScale::slider_length = 17
  GtkHScale::slider_width = 19
  GtkRange::slider_width = 15
  GtkRange::stepper_size = 15
  GtkScrollbar::min_slider_length = 30

  engine "pixmap"
    {
#      image
#        {
#          function = BOX
#          recolorable = TRUE
#          detail = "trough"
#          file = "ui/slider-v.png"
#          border = { 0,0,39,39}
#          stretch = TRUE
#          orientation = VERTICAL
#        }
#
#      image
#        {
#          function = BOX
#          recolorable = TRUE
#          detail = "trough"
#          file = "ui/slider-h.png"
#          border = { 39,39,0,0 }
#          stretch = TRUE
#          orientation = HORIZONTAL
#        }
#
#
    image {
      function = SLIDER
      state    = INSENSITIVE
      detail   = "slider"
    }

    # Horizontal sliders

    image {
      function    = BOX
      detail      = "trough"
      file        = "assets/scrollbar-horz-trough.png"
      border      = {0, 0, 1, 0}
      orientation = HORIZONTAL
    }

    image {
      function    = BOX
      detail      = "trough"
      file        = "assets/scrollbar-vert-trough.png"
      border      = {1, 0, 0, 0}
      orientation = VERTICAL
      direction   = LTR
    }

    image {
      function    = BOX
      detail      = "trough"
      file        = "assets/scrollbar-vert-trough-rtl.png"
      border      = {0, 1, 0, 0}
      orientation = VERTICAL
      direction   = RTL
    }




    image {
      function    = SLIDER
      state       = NORMAL
      detail      = "slider"
      file        = "assets/scrollbar-horz-slider.png"
      border      = {10, 10, 10, 10 }
      stretch     = TRUE
      orientation = HORIZONTAL
    }

    image {
      function    = SLIDER
      state       = PRELIGHT
      detail      = "slider"
      file        = "assets/scrollbar-horz-slider-hover.png"
      border      = {10, 10, 10, 10 }
      stretch     = TRUE
      orientation = HORIZONTAL
    }

    image {
      function    = SLIDER
      state       = ACTIVE
      detail      = "slider"
      file        = "assets/scrollbar-horz-slider-active.png"
      border      = {10, 10, 10, 10 }
      stretch     = TRUE
      orientation = HORIZONTAL
    }

    # Vertical sliders

    image {
      function    = SLIDER
      state       = NORMAL
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider.png"
      border      = {10, 10, 10, 10 }
      stretch     = TRUE
      orientation = VERTICAL
      direction   = LTR
    }

    image {
      function    = SLIDER
      state       = PRELIGHT
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-hover.png"
      border      = {10, 10, 10, 10 }
      stretch     = TRUE
      orientation = VERTICAL
      direction   = LTR
    }

    image {
      function    = SLIDER
      state       = ACTIVE
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-active.png"
      border      = {10, 10, 10, 10 }
      stretch     = TRUE
      orientation = VERTICAL
      direction   = LTR
    }

    # RTL

    image {
      function    = SLIDER
      state       = NORMAL
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-rtl.png"
      border      = {6, 7, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = RTL
    }

    image {
      function    = SLIDER
      state       = PRELIGHT
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-hover-rtl.png"
      border      = {6, 7, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = RTL
    }

    image {
      function    = SLIDER
      state       = ACTIVE
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-active-rtl.png"
      border      = {6, 7, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = RTL
    }

#      image
#        {
#          function = SLIDER
#          state = NORMAL
#          recolorable = TRUE
#          file = "ui/bar-h.png"
#          border = { 2,2,2,2 }
#          stretch = TRUE
#          orientation = HORIZONTAL
#        }
#
#    image {
#      function    = SLIDER
#      state       = PRELIGHT
#      file        = "ui/bar-h-hover.png"
#      border      = {2, 2, 2, 2 }
#      stretch     = TRUE
#      orientation = HORIZONTAL
#    }
#
#    image {
#      function    = SLIDER
#      state       = ACTIVE
#      file        = "ui/bar-h-active.png"
#      border      = {2, 2, 2, 2 }
#      stretch     = TRUE
#      orientation = HORIZONTAL
#    }
#
#      image
#        {
#          function = SLIDER
#          state = NORMAL
#          recolorable = TRUE
#          file = "ui/bar-v.png"
#          border = { 2,2,2,2 }
#          stretch = TRUE
#          orientation = VERTICAL
#        }
#
#    image {
#      function    = SLIDER
#      state       = PRELIGHT
#      file        = "ui/bar-v-hover.png"
#      border      = {2, 2, 2, 2}
#      stretch     = TRUE
#      orientation = VERTICAL
#    }
#
#    image {
#      function    = SLIDER
#      state       = ACTIVE
#      detail      = "slider"
#      file        = "ui/bar-v-active.png"
#      border      = {2, 2, 2, 2}
#      stretch     = TRUE
#      orientation = VERTICAL
#    }


      image
        {
          function = BOX
          recolorable = TRUE
          file = "ui/null.png"
          border = {0,0,0,0}
          stretch = TRUE
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = NORMAL
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = UP
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = NORMAL
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = DOWN
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = NORMAL
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = LEFT
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = NORMAL
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = RIGHT
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = PRELIGHT
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = UP
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = PRELIGHT
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = DOWN
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = PRELIGHT
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = LEFT
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = PRELIGHT
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = RIGHT
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = INSENSITIVE
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = UP
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = INSENSITIVE
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = DOWN
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = INSENSITIVE
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = LEFT
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          state = INSENSITIVE
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = RIGHT
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          shadow = IN
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = UP
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          shadow = IN
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = DOWN
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          shadow = IN
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = LEFT
        }

      image
        {
          function = ARROW
          recolorable = TRUE
          shadow = IN
          overlay_file = "ui/null.png"
          overlay_border = {0,0,0,0}
          overlay_stretch = FALSE
          arrow_direction = RIGHT
        }
    }
}

class "GtkScrollbar" style "gimp-dark-scroll-bar"

###########################################################

style "gimp-dark-radio-button" = "gimp-dark-default-style"
{
  engine "pixmap"
    {
      image {
      function        = OPTION
      state           = NORMAL
      shadow          = OUT
      overlay_file    = "assets/radio-unchecked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = PRELIGHT
      shadow          = OUT
      overlay_file    = "assets/radio-unchecked-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = ACTIVE
      shadow          = OUT
      overlay_file    = "assets/radio-unchecked-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = SELECTED
      shadow          = OUT
      overlay_file    = "assets/radio-unchecked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = INSENSITIVE
      shadow          = OUT
      overlay_file    = "assets/radio-unchecked-insensitive.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = NORMAL
      shadow          = IN
      overlay_file    = "assets/radio-checked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = PRELIGHT
      shadow          = IN
      overlay_file    = "assets/radio-checked-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = ACTIVE
      shadow          = IN
      overlay_file    = "assets/radio-checked-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = SELECTED
      shadow          = IN
      overlay_file    = "assets/radio-checked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = INSENSITIVE
      shadow          = IN
      overlay_file    = "assets/radio-checked-insensitive.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = NORMAL
      shadow          = ETCHED_IN
      overlay_file    = "assets/radio-mixed.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = PRELIGHT
      shadow          = ETCHED_IN
      overlay_file    = "assets/radio-mixed-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = ACTIVE
      shadow          = ETCHED_IN
      overlay_file    = "assets/radio-mixed-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = SELECTED
      shadow          = ETCHED_IN
      overlay_file    = "assets/radio-mixed.png"
      overlay_stretch = FALSE
    }

    image {
      function        = OPTION
      state           = INSENSITIVE
      shadow          = ETCHED_IN
      overlay_file    = "assets/radio-mixed-insensitive.png"
      overlay_stretch = FALSE
    }
}

class "GtkRadioButton"   style "gimp-dark-radio-button"
class "GtkRadioMenuItem"  style "gimp-dark-radio-button"

###########################################################

style "gimp-dark-check-button" = "gimp-dark-default-style"
{
  engine "pixmap"
    {
     image {
      function        = CHECK
      state           = NORMAL
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = PRELIGHT
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = ACTIVE
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = SELECTED
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = INSENSITIVE
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked-insensitive.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = NORMAL
      shadow          = IN
      overlay_file    = "assets/checkbox-checked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = PRELIGHT
      shadow          = IN
      overlay_file    = "assets/checkbox-checked-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = ACTIVE
      shadow          = IN
      overlay_file    = "assets/checkbox-checked-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = SELECTED
      shadow          = IN
      overlay_file    = "assets/checkbox-checked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = INSENSITIVE
      shadow          = IN
      overlay_file    = "assets/checkbox-checked-insensitive.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = NORMAL
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = PRELIGHT
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = ACTIVE
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = SELECTED
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = INSENSITIVE
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed-insensitive.png"
      overlay_stretch = FALSE
    }
}

class "GtkCheckButton"   style "gimp-dark-check-button"
class "GtkCheckMenuItem"   style "gimp-dark-check-button"

###########################################################

style "gimp-dark-progress-bar" = "gimp-dark-default-style"
{
  xthickness = 1
  ythickness = 1

  engine "pixmap"
    {

    image {
      function    = BOX
      detail      = "bar"
      file        = "assets/progressbar-horz.png"
      stretch     = TRUE
      border      = {2, 2, 1, 1}
      orientation = HORIZONTAL
    }

    image {
      function    = BOX
      detail      = "bar"
      file        = "assets/progressbar-vert.png"
      stretch     = TRUE
      border      = {1, 1, 2, 2}
      orientation = VERTICAL
    }

}

class "GtkProgressBar" style "gimp-dark-progress-bar"

###########################################################

style "gimp-dark-separator-menu-item"
{
  xthickness = 0
  ythickness = 0

  engine "pixmap" {
    image {
      function = BOX
      file     = "assets/line.png"
    }
  }

}

class "GtkSeparatorMenuItem" style "gimp-dark-separator-menu-item"

###########################################################

style "gimp-dark-notebook-entry-style"
{
   engine "pixmap" {

    image {
      function = SHADOW
      state    = ACTIVE
      detail   = "entry"
      file     = "assets/notebook-entry-active.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }

    image {
      function = SHADOW
      state    = INSENSITIVE
      detail   = "entry"
      file     = "assets/notebook-entry-insensitive.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }

    image {
      function = SHADOW
      detail   = "entry"
      file     = "assets/notebook-entry.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }
  }
}

widget_class "*<GtkNotebook>*<GtkEntry>" style "gimp-dark-notebook-entry-style"

###########################################################


style "combobox" {

  xthickness = 6
  ythickness = 4

  # This affects only the button beside an entry
  GtkButton::inner-border = {0, 0, 0, 0}

}


style "combobox_cellview" {
  text[NORMAL]   = @fg_color
  text[PRELIGHT] = @fg_color


style "gimp-dark-notebook-combobox-entry-style"
{
  engine "pixmap" {

    #############
    # LTR entry #
    #############

    image {
      function  = SHADOW
      state     = NORMAL
      detail    = "entry"
      file      = "assets/notebook-combo-entry-ltr-entry.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    image {
      function  = SHADOW
      state     = ACTIVE
      detail    = "entry"
      file      = "assets/notebook-combo-entry-ltr-entry-active.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    image {
      function  = SHADOW
      state     = INSENSITIVE
      detail    = "entry"
      file      = "assets/notebook-combo-entry-ltr-entry-insensitive.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    #############
    # RTL entry #
    #############

    image {
      function  = SHADOW
      state     = NORMAL
      detail    = "entry"
      file      = "assets/notebook-combo-entry-rtl-entry.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    image {
      function  = SHADOW
      state     = ACTIVE
      detail    = "entry"
      file      = "assets/notebook-combo-entry-rtl-entry-active.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    image {
      function  = SHADOW
      state     = INSENSITIVE
      detail    = "entry"
      file      = "assets/notebook-combo-entry-rtl-entry-insensitive.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

  }

}

widget_class "*<GtkNotebook>*<GtkComboBoxEntry>*<GtkEntry>" style "gimp-dark-notebook-combobox-entry-style"

###########################################################

style "gimp-dark-combobox-entry-button-style"
{
  xthickness = 6

  fg[ACTIVE] = "#CBCBCB"

  engine "pixmap"
    {
   # Since one side of the button is missing, we need to shift the arrow a little to the right
  GtkButton::inner-border = {0, 1, 0, 0}

  engine "pixmap" {

    #############
    # LTR entry #
    #############

    image {
      function  = SHADOW
      state     = NORMAL
      detail    = "entry"
      file      = "assets/combo-entry-ltr-entry.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    image {
      function  = SHADOW
      state     = ACTIVE
      detail    = "entry"
      file      = "assets/combo-entry-ltr-entry-active.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    image {
      function  = SHADOW
      state     = INSENSITIVE
      detail    = "entry"
      file      = "assets/combo-entry-ltr-entry-insensitive.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    #############
    # RTL entry #
    #############

    image {
      function  = SHADOW
      state     = NORMAL
      detail    = "entry"
      file      = "assets/combo-entry-rtl-entry.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    image {
      function  = SHADOW
      state     = ACTIVE
      detail    = "entry"
      file      = "assets/combo-entry-rtl-entry-active.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    image {
      function  = SHADOW
      state     = INSENSITIVE
      detail    = "entry"
      file      = "assets/combo-entry-rtl-entry-insensitive.png"
      border    = {4, 4, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    ##############
    # LTR button #
    ##############

    image {
      function  = BOX
      state     = NORMAL
      detail    = "button"
      file      = "assets/combo-entry-ltr-button.png"
      border    = {0, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    image {
      function  = BOX
      state     = PRELIGHT
      detail    = "button"
      file      = "assets/combo-entry-ltr-button-hover.png"
      border    = {0, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    image {
      function  = BOX
      state     = ACTIVE
      detail    = "button"
      file      = "assets/combo-entry-ltr-button-active.png"
      border    = {0, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    image {
      function  = BOX
      state     = INSENSITIVE
      detail    = "button"
      file      = "assets/combo-entry-ltr-button-insensitive.png"
      border    = {0, 4, 4, 4}
      stretch   = TRUE
      direction = LTR
    }

    ##############
    # RTL button #
    ##############

    image {
      function  = BOX
      state     = NORMAL
      detail    = "button"
      file      = "assets/combo-entry-rtl-button.png"
      border    = {4, 0, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    image {
      function  = BOX
      state     = PRELIGHT
      detail    = "button"
      file      = "assets/combo-entry-rtl-button-hover.png"
      border    = {4, 0, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    image {
      function  = BOX
      state     = ACTIVE
      detail    = "button"
      file      = "assets/combo-entry-rtl-button-active.png"
      border    = {4, 0, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

    image {
      function  = BOX
      state     = INSENSITIVE
      detail    = "button"
      file      = "assets/combo-entry-rtl-button-insensitive.png"
      border    = {4, 0, 4, 4}
      stretch   = TRUE
      direction = RTL
    }

  }

}

widget_class "*<GtkComboBoxEntry>*<GtkEntry>" style "gimp-dark-combobox-entry-button-style"
widget_class "*<GtkNotebook>*<GtkEventBox>*<GtkComboBoxEntry>*<GtkEntry>" style "gimp-dark-combobox-entry-button-style"
widget_class "*<GtkComboBoxEntry>*<GtkButton>" style "gimp-dark-combobox-entry-button-style"

###########################################################

style "gimp-dark-range-style"
{
  engine "pixmap"
    {
      image
        {
          function = BOX
          detail = "trough"
          file = "ui/null.png"
          border = { 4, 4, 0, 0 }
          stretch = TRUE
          orientation = HORIZONTAL
        }

      image
        {
          function = BOX
          detail = "trough"
          border = { 0, 0, 4, 4 }
          file = "ui/null.png"
          stretch = TRUE
          orientation = VERTICAL
        }

      # Horizontal
      image
        {
          function = SLIDER
          state = NORMAL
          file = "ui/null.png"
          border = { 0, 0, 0, 0 }
          stretch = TRUE
          orientation = HORIZONTAL
        }

      image
        {
          function = SLIDER
          state = PRELIGHT
          file = "ui/null.png"
          border = { 0, 0, 0, 0 }
          stretch = TRUE
          orientation = HORIZONTAL
        }

      image
        {
          function = SLIDER
          state = INSENSITIVE
          file = "ui/null.png"
          border = { 0, 0, 0, 0 }
          stretch = TRUE
          orientation = HORIZONTAL
        }

      # Vertical
      image
        {
          function = SLIDER
          state = NORMAL
          file = "ui/null.png"
          border = { 0, 0, 0, 0 }
          stretch = TRUE
          orientation = VERTICAL
        }

      image
        {
          function = SLIDER
          state = PRELIGHT
          file = "ui/null.png"
          border = { 0, 0, 0, 0 }
          stretch = TRUE
          orientation = VERTICAL
        }

      image
        {
          function = SLIDER
          state = INSENSITIVE
          file = "ui/null.png"
          border = { 0, 0, 0, 0 }
          stretch = TRUE
          orientation = VERTICAL
        }

      # Function below removes the fuglies :)
      image
        {
          function = BOX
          file = "ui/transparent.png"
          border = { 3, 3, 3, 3 }
          stretch = TRUE
        }
    }
}

class "GtkRange" style "gimp-dark-range-style"

###########################################################

style "gimp-dark-spin-scale-style"
{
  # Spin background
  bg[NORMAL] = @base_color

  engine "pixmap" {

    image {
      function        = BOX
      state           = NORMAL
      detail          = "spinbutton_up"
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
    }

    image {
      function        = BOX
      state           = PRELIGHT
      detail          = "spinbutton_up"
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
    }

    image {
      function        = BOX
      state           = ACTIVE
      detail          = "spinbutton_up"
      overlay_file    = "assets/spin-up.png"
      overlay_stretch = FALSE
    }

    image {
      function        = BOX
      state           = INSENSITIVE
      detail          = "spinbutton_up"
      overlay_file    = "assets/spin-up-insensitive.png"
      overlay_stretch = FALSE
    }

    image {
      function        = BOX
      state           = NORMAL
      detail          = "spinbutton_down"
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
    }

    image {
      function        = BOX
      state           = PRELIGHT
      detail          = "spinbutton_down"
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
    }

    image {
      function        = BOX
      state           = ACTIVE
      detail          = "spinbutton_down"
      overlay_file    = "assets/spin-down.png"
      overlay_stretch = FALSE
    }

    image {
      function        = BOX
      state           = INSENSITIVE
      detail          = "spinbutton_down"
      overlay_file    = "assets/spin-down-insensitive.png"
      overlay_stretch = FALSE
    }

 }

}

class "GimpSpinScale" style "gimp-dark-spin-scale-style"

###########################################################

style "gimp-dark-scrolled-window-style"
{
  xthickness = 1
  ythickness = 1

  engine "pixmap"
    {
      image
        {
          function = SHADOW
          file = "assets/frame.png"
          border = { 5, 5, 5, 5 }
          stretch = TRUE
        }
    }
}

class "GtkScrolledWindow" style "gimp-dark-scrolled-window-style"

###########################################################

style "gimp-dark-frame-style"
{
  xthickness = 1
  ythickness = 1

  engine "pixmap"
    {
      image
        {
          function = SHADOW
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          shadow = IN
        }

      image
        {
          function = SHADOW_GAP
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          gap_start_file = "ui/frame-gap-start.png"
          gap_start_border = { 1, 0, 0, 0 }
          gap_end_file = "ui/frame-gap-end.png"
          gap_end_border = { 0, 1, 0, 0 }
          shadow = IN
        }

      image
        {
          function = SHADOW
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          shadow = OUT
        }

      image
        {
          function = SHADOW_GAP
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          gap_start_file = "ui/frame-gap-start.png"
          gap_start_border = { 1, 0, 0, 0 }
          gap_end_file = "ui/frame-gap-end.png"
          gap_end_border = { 0, 1, 0, 0 }
          shadow = OUT
        }

      image
        {
          function = SHADOW
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          shadow = ETCHED_IN
        }

      image
        {
          function = SHADOW_GAP
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          gap_start_file = "ui/frame-gap-start.png"
          gap_start_border = { 1, 0, 0, 0 }
          gap_end_file = "ui/frame-gap-end.png"
          gap_end_border = { 0, 1, 0, 0 }
          shadow = ETCHED_IN
        }

      image
        {
          function = SHADOW
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          shadow = ETCHED_OUT
        }

      image
        {
          function = SHADOW_GAP
          file = "assets/frame.png"
          border = { 1, 1, 1, 1 }
          stretch = TRUE
          gap_start_file = "ui/frame-gap-start.png"
          gap_start_border = { 1, 0, 0, 0 }
          gap_end_file = "ui/frame-gap-end.png"
          gap_end_border = { 0, 1, 0, 0 }
          shadow = ETCHED_OUT
        }
    }
}

class "GtkFrame" style "gimp-dark-frame-style"

###########################################################

style "gimp-dark-toolbox-frame-style"
{
  engine "pixmap"
    {
      image
        {
          function = SHADOW
        }
    }
}

widget_class "*<GimpToolbox>*<GtkFrame>" style "gimp-dark-toolbox-frame-style"

###########################################################

style "gimp-dark-toolbar-style"
{
  engine "pixmap"
    {
      image
        {
          function = BOX
          file = "ui/toolbar.png"
          stretch = TRUE
          border = { 1, 1, 1, 1 }
        }

      image
        {
          function = BOX_GAP
          recolorable = TRUE
          detail = "handlebox_bin"
          file = "assets/handle-horz.png"
          border = { 4, 3, 4, 3 }
          stretch = FALSE
        }

      image
        {
          function = HANDLE
          overlay_file = "assets/handle-horz.png"
          overlay_stretch = FALSE
          orientation = HORIZONTAL
        }

      image
        {
          function = HANDLE
          overlay_file = "assets/handle-vert.png"
          overlay_stretch = FALSE
          orientation = VERTICAL
        }

    }
}

class "GtkToolbar" style "gimp-dark-toolbar-style"
class "*HandleBox*" style "gimp-dark-toolbar-style"

###########################################################

style "gimp-dark-combobox-separator-style"
{
  xthickness = 0
  ythickness = 0
  GtkWidget::wide-separators = 1
}

widget_class "*<GtkComboBox>*<GtkSeparator>" style "gimp-dark-combobox-separator-style"

###########################################################

style "gimp-dark-combobox-button-style"
{
  xthickness = 3
  ythickness = 3
}

widget_class "*<GtkComboBox>*<GtkButton>" style "gimp-dark-combobox-button-style"

###########################################################

style "gimp-dark-combobox-style"
{
  xthickness = 0
  ythickness = 0
}

widget_class "*<GtkComboBox>" style "gimp-dark-combobox-style"

style "gimp-dark-combobox-style1"
{
  xthickness = 0
  ythickness = 0

  engine "pixmap"
    {
      image
        {
          function = BOX
          file = "ui/gimp-button-normal.png"
          border = { 4, 4, 5, 4 }
          stretch = TRUE
        }
    }
}

widget_class "*<GtkEntry>*<GtkButton>*" style "gimp-dark-combobox-style1"

###########################################################

style "gimp-dark-button-style"
{
  fg[PRELIGHT] = "#FBFBFB"
  fg[ACTIVE] = "#9B9B9B"
  fg[NORMAL] = "#CBCBCB"
  fg[INSENSITIVE] = "#CBCBCB"
}

widget_class "*<GtkButton>*" style "gimp-dark-button-style"

###########################################################

style "kde_hack_1"
{
  GtkComboBox::appears-as-list = 0
  GtkComboBoxEntry::appears-as-list = 0
  GtkComboBoxText::appears-as-list = 0

  color["clr1"]  = "#EEEEEE"
  color["clr2"]  = "#FFFFFF"
  color["clr3"]  = "#c1c1c1"
  color["clr4"]  = "#383838"
  color["clr5"]  = "#555555"
  color["clr6"]  = "#434343"
  color["clr7"]  = "#3b3b3b"
  color["clr8"]  = "#383838"
  color["clr9"]  = "#222222"

  fg[NORMAL] = @clr1
  fg[PRELIGHT] = @clr2
  fg[ACTIVE] = @clr3
  fg[SELECTED] = @clr1
  fg[INSENSITIVE] = @clr3

  base[NORMAL] = @clr6
  base[PRELIGHT] = @clr7
  base[ACTIVE] = @clr7
  base[SELECTED] = @clr7
  base[INSENSITIVE] = @clr8

  text[NORMAL] = @clr2
  text[PRELIGHT] = @clr1
  text[ACTIVE] = @clr1
  text[SELECTED] = @clr1
  text[INSENSITIVE] = @clr9
}

widget_class "*" style "kde_hack_1"

###########################################################

style "kde_hack_2"
{
  bg[NORMAL] = "#383838" #Sets canvas BG
}

widget "*GimpDisplayShell.*" style "kde_hack_2"

###########################################################

style "kde_hack_3"
{
  bg[NORMAL] = "#383838"
}

class "GtkFrame" style "kde_hack_3"
widget_class "*<GimpDisplay>*" style "kde_hack_3"

###########################################################

style "kde_hack_4"
{
  engine "pixmap"
    {
         image {
      function        = CHECK
      state           = NORMAL
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = PRELIGHT
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = ACTIVE
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = SELECTED
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = INSENSITIVE
      shadow          = OUT
      overlay_file    = "assets/checkbox-unchecked-insensitive.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = NORMAL
      shadow          = IN
      overlay_file    = "assets/checkbox-checked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = PRELIGHT
      shadow          = IN
      overlay_file    = "assets/checkbox-checked-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = ACTIVE
      shadow          = IN
      overlay_file    = "assets/checkbox-checked-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = SELECTED
      shadow          = IN
      overlay_file    = "assets/checkbox-checked.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = INSENSITIVE
      shadow          = IN
      overlay_file    = "assets/checkbox-checked-insensitive.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = NORMAL
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = PRELIGHT
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed-hover.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = ACTIVE
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed-active.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = SELECTED
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed.png"
      overlay_stretch = FALSE
    }

    image {
      function        = CHECK
      state           = INSENSITIVE
      shadow          = ETCHED_IN
      overlay_file    = "assets/checkbox-mixed-insensitive.png"
      overlay_stretch = FALSE
    }

}

widget_class "*<GtkWidget>*" style "kde_hack_4"

###########################################################

# KDE Hack 5
widget_class "*<GtkToolbar>*" style "gimp-dark-toolbar-style"

###########################################################

style "kde_hack_6"
{
  engine "pixmap"
    {
      # This image is used to draw the headers of columns
      # in list views when they are not selected.
    image {
      function = BOX
      state    = NORMAL
      file     = "assets/button.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }

    image {
      function = BOX
      state    = PRELIGHT
      shadow   = OUT
      file     = "assets/button-hover.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }

    # Don't add hover effect on pressed buttons
    image {
      function = BOX
      state    = PRELIGHT
      shadow   = IN
      file     = "assets/button-active.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }

    image {
      function = BOX
      state    = ACTIVE
      file     = "assets/button-active.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }

    image {
      function = BOX
      state    = INSENSITIVE
      file     = "assets/button-insensitive.png"
      border   = {4, 4, 4, 4}
      stretch  = TRUE
    }
  }
}

widget_class "*<GtkTreeView>*<GtkButton>*" style "kde_hack_6"

###########################################################

# KDE & oxygen-gtk fix for BG
style "gimp-dark-oxygen-default-style" = "gimp-dark-default-style"
{
  GtkComboBox::appears-as-list = 0
  GtkComboBoxEntry::appears-as-list = 0
  GtkComboBoxText::appears-as-list = 0
}

class "*" style "gimp-dark-oxygen-default-style"

###########################################################

style "gimp-dark-gtkscale-style"
{
  engine "pixmap"
    {
     image {
      function = SLIDER
      state    = INSENSITIVE
      detail   = "slider"
    }

    # Horizontal sliders

    image {
      function    = SLIDER
      state       = NORMAL
      detail      = "slider"
      file        = "assets/scrollbar-horz-slider.png"
      border      = {6, 6, 7, 6 }
      stretch     = TRUE
      orientation = HORIZONTAL
    }

    image {
      function    = SLIDER
      state       = PRELIGHT
      detail      = "slider"
      file        = "assets/scrollbar-horz-slider-hover.png"
      border      = {6, 6, 7, 6 }
      stretch     = TRUE
      orientation = HORIZONTAL
    }

    image {
      function    = SLIDER
      state       = ACTIVE
      detail      = "slider"
      file        = "assets/scrollbar-horz-slider-active.png"
      border      = {6, 6, 7, 6 }
      stretch     = TRUE
      orientation = HORIZONTAL
    }

    # Vertical sliders

    image {
      function    = SLIDER
      state       = NORMAL
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider.png"
      border      = {7, 6, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = LTR
    }

    image {
      function    = SLIDER
      state       = PRELIGHT
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-hover.png"
      border      = {7, 6, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = LTR
    }

    image {
      function    = SLIDER
      state       = ACTIVE
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-active.png"
      border      = {7, 6, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = LTR
    }

    # RTL

    image {
      function    = SLIDER
      state       = NORMAL
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-rtl.png"
      border      = {6, 7, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = RTL
    }

    image {
      function    = SLIDER
      state       = PRELIGHT
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-hover-rtl.png"
      border      = {6, 7, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = RTL
    }

    image {
      function    = SLIDER
      state       = ACTIVE
      detail      = "slider"
      file        = "assets/scrollbar-vert-slider-active-rtl.png"
      border      = {6, 7, 6, 6}
      stretch     = TRUE
      orientation = VERTICAL
      direction   = RTL
    }

}

class "GtkScale" style "gimp-dark-gtkscale-style"
class "GtkVScale" style "gimp-dark-gtkscale-style"
class "GtkHScale" style "gimp-dark-gtkscale-style"
widget_class "*GtkScale*" style "gimp-dark-gtkscale-style"
widget_class "*GtkVScale*" style "gimp-dark-gtkscale-style"
widget_class "*GtkHScale*" style "gimp-dark-gtkscale-style"

###########################################################

style "tdsog-overlay-scrollbar"
{
  bg[SELECTED] = "#CCC"
  bg[INSENSITIVE] = "#AAA"
  bg[ACTIVE] = "#EEE"
  bg[NORMAL] = "#666"
  bg[PRELIGHT] = "#666"

  fg[NORMAL] = "#EEE"
}

widget_class "*<OsScrollbar>" style "tdsog-overlay-scrollbar"
widget_class "*<OsThumb>" style "tdsog-overlay-scrollbar"

###########################################################

# Menu prelight fix for Ubuntu Unity
style "ubuntu-fix-menu-item"
{
  engine "pixmap"
    {
      image
        {
          function = BOX
          state = PRELIGHT
          file = "ui/entry-border-fill-active.png"
          border = { 1, 0, 1, 0 }
          stretch = TRUE
        }
    }
}

widget "GtkMenuItem" style "ubuntu-fix-menu-item"

###########################################################

# EOF
